<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>平安工地信息化系统DeviceInfo</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../images/PC-icon/font_tmtf4yf6ejhsemi/iconfont.css">
  <link rel="stylesheet" href="../lib/font-awesome-4.5.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="../lib/bootstrap-table-master/dist/bootstrap-table.min.css">
  <link rel="stylesheet" href="../css/global.css">
  <link rel="stylesheet" href="../css/form.css">
  <link rel="stylesheet" href="../css/table.css">
  <link rel="stylesheet" href="../css/modal.css">
  <link rel="stylesheet" href="../css/dialog.css">
  <link rel="stylesheet" href="../css/deviceInfo.css">
  <script src="../lib/jquery-1.11.1/jquery-1.11.1.min.js"></script>
  <script src="../lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
  <script src="../lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
  <script src="../lib/bootstrap-table-master/dist/bootstrap-table.min.js"></script>
  <script src="../lib/bootstrap-table-master/dist/locale/bootstrap-table-zh-CN.js"></script>
  <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
  <script src="../lib/layer-v2.2/layer/layer.js"></script>
  <script src="../js/main.js"></script>
  <script src="../js/deviceInfo.js"></script>
</head>
<body>
  <div class="header-top fs-18">
    <img class="header-top-XTlogo" src="../images/XTlogo.png" alt="">
    <span>锡通高速<i class="draw-line"></i>公路工程施工现场安全生产管控系统（XT-NT-1施工标段）</span>
    <div class="top-tools fs-14 fr">
      <span class="username">安全员，您好！</span>
      <a href="#"><i class="iconfont icon-shouji fs-16" id="mobileModel"></i></a>
      <a href="#"><i class="iconfont icon-mima fs-16" id="changePwd"></i></a>
      <a href="#" class="user-msg"><i class="iconfont icon-xiaoxi-copy fs-16"></i><span class="icon-top-nav-count">12</span></a>
      <a href="#"><i class="iconfont icon-bangzhuzhongxin fs-16"></i></a>
      <a href="#"><i class="iconfont icon-tuichu2 fs-16" id="logout"></i></a>
    </div>
  </div>
  <div class="menu-list">
    <ul class="menu-inner">
      <li>
        <a href="index.html">
          <i class="iconfont icon-shouye"></i>
          <div class="menu-inner-title">首页</div>
        </a>
      </li>
      <li>
        <i class="iconfont icon-tixiguanli"></i>
        <div class="menu-inner-title">安保体系</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>组织机构
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>岗位职责
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>安全责任书
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>制度管理
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>操作规程
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-renyuanguanli"></i>
        <div class="menu-inner-title">人员管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="workerRegistration.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员登记
            </a>
          </li>
          <li>
            <a href="workerInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员信息管理
            </a>
          </li>
          <li>
            <a href="workerClassify.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>花名册
            </a>
          </li>
          <li>
            <a href="workerAuditInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员报审信息
            </a>
          </li>
          <li>
            <a href="workerLocation.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员定位
            </a>
          </li>
        </ul>
      </li>
      <li class="active">
        <i class="iconfont icon-jixie"></i>
        <div class="menu-inner-title">设备管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="deviceInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>设备信息管理
            </a>
          </li>
          <li>
            <a href="deviceClassify.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>设备清单
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-chuyuanjiaoyu"></i>
        <div class="menu-inner-title">安全活动</div>
        <ul class="dropdown-ul">
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>活动计划
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>安全会议
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>教育培训
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>技术交底
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项活动
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-3"></i>
        <div class="menu-inner-title">专项方案</div>
        <ul class="dropdown-ul">
          <li>
            <a href="">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>危险性较大工程
            </a>
          </li>
          <li>
            <a href="">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项方案
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-jingfeixinxi"></i>
        <div class="menu-inner-title">安全经费</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>总体计划
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>月度计划
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>使用记录
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>费用计量
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-rongzixuqiushencha01"></i>
        <div class="menu-inner-title">安全检查</div>
        <ul class="dropdown-ul">
          <li>
            <a href="patrolInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>日常巡查
            </a>
          </li>
          <li>
            <a href="patrolGIS.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>巡查DIS地图
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项检查
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>综合检查
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>考核评价
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>罚款与审批
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-anquanjingbao"></i>
        <div class="menu-inner-title">应急管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>应急预案
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>应急演练
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>事故报告
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="main-header fs-14"><i class="iconfont icon-shouye fs-14"></i>设备管理><span class="bluename">设备信息</span></div>
  <div class="device-info main-content">
    <div class="query-info shadowbox">
      <form class="base-info">
        <div class="form-group form-group-inline input-append">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input form_datetime" data-date-format="yyyy-mm-dd">
          <span class="add-on"><i class="icon-th"></i></span>
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <select name="" id="" class="form-control form-control-input">
            <option value="">2</option>
            <option value="">2</option>
            <option value="">2</option>
          </select>
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input">
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input">
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input">
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input">
        </div>
        <div class="form-group form-group-inline">
          <label class="form-group-label">设备名称：</label>
          <input type="text" class="form-control form-control-input">
        </div>
        <div class="text-right">
          <button class="btn btn-pa-primary btn-pa-search" type="button">
            <i class="fa fa-search"></i>
            <span class="ml5">搜&nbsp;索</span>
          </button>
          <button class="btn btn-pa-primary btn-pa-reset" type="button">
            <i class="fa fa-repeat"></i>
            <span class="ml5">重&nbsp;置</span>
          </button>
        </div>
      </form>
    </div>
    <div class="registration-code shadowbox">
      <button class="btn btn-pa-primary btn-pa-search" type="button">设备登记</button>
      <button class="btn btn-pa-primary btn-pa-search" type="button">进场登记</button>
      <button class="btn btn-pa-primary btn-pa-search" type="button"
        data-toggle="modal" data-target="#myModal">出场登记</button>
      <button class="btn btn-pa-primary btn-pa-search" type="button">二维码打印</button>
      <div class="play-hide-operate fr fs-14">
        <span>出场隐藏：</span>
        <input class="radio-radius" type="radio" name="pa-radio" value="1">&nbsp;是&nbsp;&nbsp;
        <input class="radio-radius" type="radio" name="pa-radio" value="" >&nbsp;否
      </div>
    </div>
    <div class="table-list shadowbox">
      <table id="device_table" class="pa-table footable">
        <thead>
          <tr>
            <th><input type="checkbox"></th>
            <th data-field="field1">设备编码</th>
            <th data-field="field1">设备编码</th>
            <th data-field="field1">设备编码</th>
            <th data-field="field1">设备编码</th>
            <th data-field="field1">设备编码</th>
            <th data-field="field1">设备编码</th>
            <th data-formatter="clickOperate">操作</th>
          </tr>
        </thead>
        <tbody>
        </tbody>
      </table>
    </div>
  </div>

  <!-- 模态框（Modal） -->
  <div class="modal fade w-400" id="myModal" tabindex="-1"
    role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <span class="modal-title" id="myModalLabel">设备出场</span>
        </div>
        <div class="modal-body">在这里添加一些文本</div>
        <div class="modal-footer">
          <button type="button" class="btn btn-pa-primary btn-pa-search">确定</button>
          <button type="button" class="btn btn-pa-primary btn-pa-reset" data-dismiss="modal">取消</button>
        </div>
      </div>
    </div>
  </div>
  <!-- /.modal -->

  <!-- 提示信息 -->
  <div class="pa-dialog" id="alert_msg">
    <div class="pa-dialog-header">
      <div class="title-txt"></div>
    </div>
    <div class="pa-dialog-content text-center">
      <div class="operate-del operate-dialog">
      <!-- icon-jinggao danger -->
        <i class="iconfont icon-ordinaryprint icon-duihao success"></i>
      </div>
      <div class="operate-dialog-brief">msg</div>
    </div>
  </div>
  <!-- end 提示信息 -->

</body>
</html>